<template>
  <m-page>
    <m-header>
      <div class="g-home">
          <ul>
              <li>
                  <ynet-cell-item title="授信总额：￥30,000.00" brief="可用额度：￥10,000.00" arrow>
                      <template slot="left">
                        <div class="g-icon">
                            <span>授信</span>
                        </div>
                      </template>
                  </ynet-cell-item>
              </li>
              <li>
                  <ynet-cell-item title="银行卡号：6666 6666 6666 6666" brief="可用额度：￥10,000.00" arrow @click="showCard">
                      <template slot="left">
                        <div class="g-icon">
                            <span>长湘贷卡</span>
                        </div>
                      </template>
                  </ynet-cell-item>
              </li>
          </ul>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import { CellItem, Switch, Icon, Tag } from 'ynet-mobile'
  export default {
    components:{
        	[CellItem.name]: CellItem,
			[Switch.name]: Switch,
			[Icon.name]: Icon,
			[Tag.name]: Tag
    },
    data () {
      return {

      };
    },
    methods: {
      showCard () {
        app.api.pushWindow('./card_message/index.vue')
      }
    },
    created() {},
    mounted() {},
    watch: {},
    computed: {}
  }

</script>
<style lang='scss' scoped>
@import "./index.scss"
</style>